<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    
<%@ taglib prefix="s" uri="/struts-tags"  %>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Basic Form - jQuery EasyUI Demo</title>
<jsp:include page="base/jscss.jsp"></jsp:include>
</head>
<body>
	<h2>图书信息录入</h2>
    <p>Fill the form and submit it.</p>
    <div style="margin:20px 0;"></div>
    <div class="easyui-panel" title="New Topic" style="width:400px">
        <div style="padding:10px 60px 20px 60px">
        <form id="ff" method="post" action="bookServiceAction">
            <table cellpadding="5">
                <tr>
                    <td>图书名称:</td>
                    <td><input class="easyui-textbox" type="text" name="book.bookName" data-options="required:true"></input></td>
                </tr>
                <tr>
                    <td>图书价格:</td>
                    <td><input class="easyui-textbox" type="text" name="book.bookPrice" data-options="required:true"></input></td>
                </tr>
                <tr>
                    <td>作者:</td>
                    <td><input class="easyui-textbox" type="text" name="book.author"></input></td>
                </tr>
                <tr>
                    <td>出版社:</td>
                    <td><input class="easyui-textbox" type="text" name="book.publisher"></input></td>
                </tr>
                <tr>
                    <td>出版日期:</td>
                    <td><div style="margin:20px 0;"></div>
    					<input class="easyui-datebox" style="width:200px" name = "book.publishDate"></td>
                </tr>
                <tr>
                    <td>ISBN:</td>
                    <td><input class="easyui-textbox" type="text" name="book.isbn"></input></td>
                </tr>
                <tr>
                    <td>数量:</td>
                    <td><input class="easyui-textbox" type="text" name="book.total"></input></td>
                </tr>
                <tr>
                    <td>备注:</td>
                    <td><input class="easyui-textbox" type="text" name="book.message" data-options="multiline:true" style="height:60px"></input></td>
                </tr>
                <tr>
                    <td>分类:</td>
                    <td>
                        <select class="easyui-combobox" name="book.classify" >
	                        <option value="未分类" selected="selected"> </option>
	                        <option value="小说">小说</option>
	                        <option value="童书">童书</option>
	                        <option value="生活">生活</option>
	                        <option value="人文社科">人文社科</option>
	                        <option value="经管">经管</option>
	                        <option value="科技">科技</option>
	                        <option value="教育">教育</option>
	                        <option value="工具书">工具书</option>
	                        <option value="期刊">期刊</option>
	                        <option value="文艺">文艺</option>
	                        <option value="青春">青春</option>
                        </select>
                    </td>
                </tr>
            </table>
        </form>
        <div style="text-align:center;padding:5px">
            <button  class="easyui-linkbutton" onclick="submitForm()">提交</button>
            <button  class="easyui-linkbutton" onclick="clearForm()">清除</button>
        </div>
        </div>
    </div>
    <script>
	    function submitForm(){
	        $('#ff').submit()
	    }
	    function clearForm(){
	        $('#ff').form('clear');
	    }
    </script>
</body>
</html>